<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="css/index.css">
</head>
<body>
    <div class="search">
        <form action="">
            <input type="text" placeholder="搜索:目的地/酒店/景点/航班号">
            <button></button>
        </form>
        <a href="#" class="user">我的</a>
    </div>
    <div class="focus">
        <img src="upload/focus.jpg" alt="">
    </div>
    <ul class="nav">
        <li>
            <a href="#">
                <span>景点游玩</span>
            </a>
        </li>
        <li>
            <a href="#">
                <span>周边游</span>
            </a>
        </li>
        <li>
            <a href="#">
                <span>美食林</span>
            </a>
        </li>
        <li>
            <a href="#">
                <span>一日游</span>
            </a>
        </li>
        <li>
            <a href="#">
                <span>当地攻略</span>
            </a>
        </li>
    </ul>
    <div class="main">
        <div class="area" style="background: -webkit-linear-gradient(left,#fa5a55,#fa994d);">
            <div class="left">
                <a href="#">
                    <span>酒店</span>
                    <img src="images/hotel.png" alt="">
                </a>
            </div>
            <div class="mid">
                <div>
                    <span>海外酒店</span>
                </div>
                <div>
                    <span>特价酒店</span>
                </div>
            </div>
            <div class="right">
                <div>
                    <span>团购</span>
                </div>
                <div>
                    <span>民宿客栈</span>
                </div>
            </div>
        </div>
        <div class="area" style="background: -webkit-linear-gradient(left,#4b90ed,#53bced);">
            <div class="left">
                <a href="#">
                    <span>机票</span>
                    <img src="images/hotel.png" alt="">
                </a>
            </div>
            <div class="mid">
                <div>
                    <span>火车票</span>
                </div>
                <div>
                    <span>特价机票</span>
                </div>
            </div>
            <div class="right">
                <div>
                    <span>汽车票 船票</span>
                </div>
                <div>
                    <span>专车 租车</span>
                </div>
            </div>
        </div>
        <div class="area" style="background: -webkit-linear-gradient(left,#34c2a9,#6cd559);">
            <div class="left">
                <a href="#">
                    <span>旅游</span>
                    <img src="images/hotel.png" alt="">
                </a>
            </div>
            <div class="mid">
                <div>
                    <span>门票</span>
                </div>
                <div>
                    <span>目的地攻略</span>
                </div>
            </div>
            <div class="right">
                <div>
                    <span>邮轮旅行</span>
                </div>
                <div>
                    <span>定制旅行</span>
                </div>
            </div>
        </div>
    </div>
    <div class="sub">
        <div class="xie">
            <div>
                <a href="#">
                    
                    <span>WiFi电话卡</span>
                </a>
            </div>
            <div>
                <a href="#">
                    
                    <span>自由行</span>
                </a>
            </div>
        </div>
        <div class="xie">
            <div>
                <a href="#">
                    
                    <span>保险 签证</span>
                </a>
            </div>
            <div>
                <a href="#">
                    
                    <span>境外玩乐</span>
                </a>
            </div>
        </div>
        <div class="xie">
            <div>
                <a href="#">
                    
                    <span>外币兑换</span>
                </a>
            </div>
            <div>
                <a href="#">
                    
                    <span>礼品卡</span>
                </a>
            </div>
        </div>
        <div class="xie">
            <div>
                <a href="#">
                    
                    <span>购物</span>
                </a>
            </div>
            <div>
                <a href="#">
                    
                    <span>信用卡</span>
                </a>
            </div>
        </div>
        <div class="xie">
            <div>
                <a href="#">
                    
                    <span>当地向导</span>
                </a>
            </div>
            <div>
                <a href="#">
                    
                    <span>更多</span>
                </a>
            </div>
        </div>
    </div>
    <div class="zhu">
        <div class="huo">
            <div></div>
        </div>
        <div class="huo">
            <div>
                <span>获取更多福利 ></span>
            </div>
        </div>
    </div>
    <div class="xian">
        <div class="zhang">
            <div>
                <img src="upload/pic1.jpg" alt="">
            </div>
            <div>
                <img src="upload/pic3.jpg" alt="">
            </div>
            <div>
                <img src="upload/pic5.jpg" alt="">
            </div>
        </div>
        <div class="zhang">
            <div>
                <img src="upload/pic2.jpg" alt="">
            </div>
            <div>
                <img src="upload/pic4.jpg" alt="">
            </div>
            <div>
                <img src="upload/pic6.jpg" alt="">
            </div>
        </div>
    </div>
    <div class="lili">
        <div>
            <a href="#">
                <span>电话预订</span>
            </a>
        </div>
        <div>
            <a href="#">
                <span>下载客户端</span>
            </a>
        </div>
        <div>
            <a href="#">
                <span>我的</span>
            </a>
        </div>
    </div>
    <div class="bottom">
        <div>
            <div>
                <span>网站地图 | </span>
                <select id="language" name="Language">
                    <option value="" selected>Language</option>
                    <option value="">English</option>
                    <option value="">中文</option>
                </select>
                <span>| 电脑版</span>
            </div>
        </div>
        <div>
            <div>
                <span>&#x24B8;沪ICP备08023580号</span>
            </div>
        </div>
    </div>
</body>
</html>